<template>
  <div>
    <a-descriptions title="费用审核"></a-descriptions>

    <a-tabs default-active-key="1" size="large" @change="callback">
      <a-tab-pane key="1" tab="待审批"><CostAudi /></a-tab-pane>
      <a-tab-pane key="2" tab="已完成"><CostCompleted /></a-tab-pane>
    </a-tabs>
  </div>
</template>
<script>
import CostAudi from './components/CostAudi'
import CostCompleted from './components/CostCompleted'
export default {
  props: {},
  components: {
      // All,
    CostAudi,
    CostCompleted
  },
  data () {
    return {
      activeIndex: false,
      statusList: [
        { status: 10, text: '待审批' },
        { status: 20, text: '已完成' }
      ]
    }
  },
  created () {},
  methods: {
    // 用于切换状态的
    callback (key) {
      console.log(key)
      this.activeIndex = key
    }
  }
}
</script>
